*{padding:0px;margin:0px;}
#box{
	margin:80px auto;
	width:800px;
	height:480px;
	perspective: 300px;
	transform-style: preserve-3d;
	position: relative;
}
#box ul{list-style: none;}
#box ul li{
	transform-style: preserve-3d;
	float:left;
	transform-origin:center center -241px;
}
#box ul li a{
	display: block;
	position: absolute;
}
#box ul li a:nth-child(2){
	top:-480px;
	transform-origin:bottom;
	transform:rotateX(90deg);
}
#box ul li a:nth-child(3){
	transform:translateZ(-480px) rotateX(-180deg);
}
#box ul li a:nth-child(4){
	top:480px;
	transform-origin:top;
	transform:rotateX(-90deg);
}

#box nav{
	position: absolute;
	bottom: 10px;
	right:10px;
	z-index: 1000;
}
#box nav span{
	display: inline-block;
	width:20px;
	height:20px;
	background: goldenrod;
	color:#fff;
	float:left;
	margin-right:10px;
	border-radius: 50%;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}